<?php
use frontend\assets\AppAsset;
use yii\helpers\Url;
use yii\widgets\LinkPager;

AppAsset::register($this);
$this->title = empty($parent_list['category_name']) ? '' : $parent_list['category_name'];
$cate_id = empty($parent_list['id']) ? 0 : $parent_list['id'];
$this->params['breadcrumbs'][] = $this->title;
$image_bath_url = Yii::$app->params['imageBathUrl'];
?>
<?php
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/font-awesome-4.7.0/css/font-awesome.min.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/util/flickity.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/prouduct-list.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/proudct-left.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/pagination.css");
?>
    <article>
    <div class="w br4 mt50"></div>
    <section class="content w mt40">
    <!-- 左边引导 -->
    <div class="content-left-box left-w fl">
        <h3 class="h3"><?=empty($parent_list['category_name']) ? '' : $parent_list['category_name']?></h3>
        <!-- 分类品类品牌推荐 -->
        <?= \frontend\widget\TagMenuWidget::widget() ?>
    </div>
    <!-- 左边引导 End-->
    <!-- 右边内容 -->
    <div class="content-right-box right-w fr">
    <div class="content_url">
        <p><a href="javascript:;"> 首页</a> > <a href="javascript:;"> 进口家具</a> > <a href="javascript:;"> 椅</a> > <a href="javascript:;">休闲椅</a> </p>
    </div>
    <!-- banner -->
    <div class="right_content_banner mt20 pr">
        <?php if(!empty($parent_list['category_img_url'])){?>
            <img src="<?=$image_bath_url . '/' . $parent_list['category_img_url'] ?>" alt="bnner"/>
        <?php }else{?>
            <img src="<?=$image_bath_url ?>/static/pc/image/product-xxylist/xxy_KV.png" alt="bnner"/>
        <?php }?>
    </div>
    <!-- banner End -->
    <!-- 商品列表 -->
    <div class="product_list_box mt40">
    <div class="select">
        <div class="select_tool js-show-select">
            <span class="icon icon-sl"></span>
            筛选器
            <span class="icon icon-sr"></span>
        </div>
        <div class="fr pagination_list">
            <div class="pagination  pr">
                <!--<a href="javascript:;" class="icon prev pa"> < </a>
                <ul class="pagination_box fl">
                    <li class="item fl"><a href="javascript:;" class="link">1</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">2</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">3</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">...</a> </li>
                    <li class="item fl"><a href="javascript:;" class="link">10</a> </li>
                </ul>
                <a href="javascript:;" class="icon next pa"> > </a>-->
                <?= LinkPager::widget(['pagination' => $pagination,'options'=>['class'=>'pagination_box fl']]); ?>
            </div>
            <div class="href_page pr">跳转到第<input type="text" class="icon icon-arrow-down page_val" disabled/>页
                <ul class="href_page_list pa">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
            </div>
            <div class="total">共<span><?=$count?></span>件产品</div>
        </div>
    </div>
    <div class="select_tool_list ">
        <ul class="tool_list">
            <li class="defalt fl">默认</li>
            <li class="brand fl pr">品牌 <span class="icon icon-arrow-down"></span>
                <ul class="brand_select_list pa">
                    <li class="item">Callganis</li>
                    <li class="item">Callganis</li>
                    <li class="item">Callganis</li>
                    <li class="item">Callganis</li>
                    <li class="item">Callganis</li>
                </ul>
            </li>
            <li class="price fl">价格 ↑</li>
            <li class="hotnew fl">最新 ↑</li>
            <li class="like fl">人气 ↑</li>
        </ul>
    </div>
    <div class="proudct_list clear">
    <ul class="proudct_list_ul">
        <?php if(!empty($main_goods_list)){?>
            <?php foreach($main_goods_list as $value){?>
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <?php foreach($value['color_img_list'] as $val){?>
                                <li class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url . '/' . $val['img_url'] ?>" alt="white"></a></li>
                            <?php }?>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span><?=$value['brand_name'] ?></h4>
                        <p class="info"><span class="info_br"><?=$value['series'] ?></span> <?=$value['goods_name_cn'] ?></p>
                        <p><del><?=$value['unit'].$value['market_price'] ?></del><span class="item_price"><?=$value['unit'].$value['sale_price'] ?></span></p>
                    </div>
                    <?php if(!empty($value['color_img_list'])){?>
                    <ol class="dots mid">
                        <?php foreach($value['color_img_list'] as $val){?>
                            <li class="dot"></li>
                        <?php }?>
                        <!--            <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>-->
                    </ol>
                    <?php }?>
                </li>
            <?php }?>
        <?php }?>
    </ul>
    <div class="pagination_list mt30">
        <div class="pagination  pr">
            <!--<a href="javascript:;" class="icon prev pa"> < </a>
            <ul class="pagination_box fl">
                <li class="item fl"><a href="javascript:;" class="link">1</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">2</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">3</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">...</a> </li>
                <li class="item fl"><a href="javascript:;" class="link">10</a> </li>
            </ul>
            <a href="javascript:;" class="icon next pa"> > </a>-->
            <?= LinkPager::widget(['pagination' => $pagination,'options'=>['class'=>'pagination_box fl']]); ?>
        </div>
        <div class="href_page">跳转到第<input type="text" class="icon icon-arrow-down page_val" disabled/>页</div>
        <div class="total">共<span><?=$count?></span>件产品</div>
    </div>
    </div>
    </div>
    <!-- 商品列表 End -->
    <!-- 单品介绍 -->
    <div class="product_info_about clear mt40">
        <h5 class="h5">休闲椅</h5>
        <p>休闲椅给您的生活带来无限舒适、时尚的家居生活享受。简洁明快的线条充分发挥人性的内涵。宁静至远，幽幽含香，温馨绵绵，享受时尚，像一首抒情诗。休闲椅可以说现在成立居家
            生活的必备品，坐在休闲椅上享受闲暇的时光是一件很惬意的事情休闲中，总让人回味无穷…</p>
        <a href="javascript:;" class="link-text link">了解更多 > </a>
    </div>
    <!-- 单品介绍End -->
    <!-- 相关搭配 -->
    <div class="match mt100">
        <h3 class="title">相关搭配</h3>
        <div class="proudct_list clear mt40">
            <ul class="proudct_list_ul">
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_20.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_21.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,010.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_20.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_21.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
                <li class="item pr">
                    <div class="item_img">
                        <span class="icon icon-hart"></span>
                        <ul class="item_img_list">
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                            <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                        </ul>
                    </div>
                    <div class="item_info">
                        <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                        <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                        <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                    </div>
                    <ol class="dots mid">
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
    </div>
    <!-- 右边内容 End-->
    </section>
    </article>
<?= \Yii::$app->view->renderFile('@app/views/common/back-top.php');?>
<?php
AppAsset::addJs($this,$image_bath_url."/static/pc/js/util/flickity.pkgd.min.js");
AppAsset::addJs($this,$image_bath_url."/static/pc/js/common/proudct-list.js");
?>